@extends('layouts.app')

@section('content')
  
<style>
.add_content {
    padding: 24px;
}
.information{border: 1px solid #7fa7e1; background-color: #edf7ff;}
.information{padding:20px 25px; height: auto;overflow: hidden;}
.list_top, .list_down {
    display: inline-block;
    float: left;
}
.list_top, .list_down {
    width: 100%;
}
.list_step {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    float: left;
    width: 9.7%;
    height: 70px;
}
.stage {
    width: 36px;
    height: 36px;
    display: inline-block;
    border-radius: 50%;
    background-color: #0e59c4;
    color: #fff;
    text-align: center;
    line-height: 36px;
    position: relative;
    float: left;
    font-size: 24px;
}
.stage_before {
    position: absolute;
    font-size: 14px;
    color: #0e59c4;
    bottom: -35px;
    left: -9px;
    display: block;
    width: 58px;
}
.no_solid {
    display: inline-block;
    width: 70px;
    height: 1px;
    background-color: #c8c8c8;
    float: left;
    margin-top: 18px;
}
.list_step .solid, .list_step .no_solid {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}
.no_stage {
    width: 36px;
    height: 36px;
    display: inline-block;
    border-radius: 50%;
    color: #c8c8c8;
    text-align: center;
    line-height: 30px;
    position: relative;
    float: left;
    border: 3px solid #c8c8c8;
    font-size: 24px;
}
.no_stage_before {
    position: absolute;
    font-size: 14px;
    color: #c8c8c8;
    bottom: -35px;
    left: -13px;
    display: block;
    width: 58px;
}
.no_solid{display: inline-block;width: 70px;height: 1px;background-color: #c8c8c8;float: left;margin-top: 18px;}
@media screen and (max-width: 1200px)
common.css:11
.list_step {
    width: 16%;
}
@media screen and (max-width: 1400px)
common.css:5
.list_step {
    width: 12%;
}
</style>



  <div class="content">
        <div class="header">
            <ul class="breadcrumb">
                <li><i class="fa fa-fw fa-cog"></i>行政案件</li>
                <li>案件流程</li>
            </ul>
        </div>


           
		    <div class="information cl" style="margin-bottom: 15px;margin-top: 20px;margin-left: 12px;">
		    	<div class="list_top cl">
					<div class="list_step">
					  <a class="stage" href="javascript:;">1<span class="stage_before">日常检查</span></a>
					  <div class="no_solid"></div>

					</div>
					<div class="list_step">
					  <a class="stage" href="javascript:;">2<span class="stage_before">发现问题</span></a>
					  <div class="no_solid"></div>
					</div>
					<div class="list_step">
				    
                      @if ($re->is_ok === 1)
					  <a class="stage" href="javascript:;">3<span class="stage_before">受案处理</span></a>
                      @else
                      <a class="no_stage" href="javascript:;">3<span class="no_stage_before">受案处理</span></a>
                      @endif

					  <div class="no_solid"></div>
					</div>
					<div class="list_step">
				    

                      @if( $re->is_deadline === 1)
					  <a class="stage" href="javascript:;">4<span class="stage_before" style="width: 100px;left: -35px;">责令延期整改</span></a>
                       @else
                       <a class="no_stage" href="javascript:;">4<span class="no_stage_before" style="width: 100px;left: -35px;">责令延期整改</span></a>
                       @endif

					  <div class="no_solid"></div>
					</div>
					<div class="list_step">
				        

                        @if( ($re->is_deadline === 1 && $re->is_deadlineok === 1)|| ($re->is_deadline === 1 && $re->is_deadlineok === 3) )
					   <a class="stage" href="javascript:;">5<span class="stage_before">法制审核</span></a>
                        @else
                        <a class="no_stage" href="javascript:;">5<span class="no_stage_before">法制审核</span></a>
                        @endif
					  <div class="no_solid"></div>
					</div>
					<div class="list_step">
				    
                      @if( $re->is_deadline === 1 && $re->is_deadlineok === 3)
					  <a class="stage" href="javascript:;">6<span class="stage_before">领导审批</span></a>
                      @else
                      <a class="no_stage" href="javascript:;">6<span class="no_stage_before">领导审批</span></a>
                      @endif
        
					  <div class="no_solid"></div>
					</div>
					<div class="list_step">
				    
                      @if ($re->is_delay === 1)
					  <a class="stage" href="javascript:;">7<span class="stage_before">申请延期</span></a>
                      @else
                      <a class="no_stage" href="javascript:;">7<span class="no_stage_before">申请延期</span></a>
                      @endif
					  <div class="no_solid"></div>

					</div>
					<div class="list_step">

                      @if( ($re->is_delay === 1 && $re->is_delayok === 1)|| ($re->is_delay === 1 && $re->is_delayok === 3) )
					   <a class="stage" href="javascript:;">8<span class="stage_before">法制审核</span></a>
                      @else
                       <a class="no_stage" href="javascript:;">8<span class="no_stage_before">法制审核</span></a>
                      @endif
        
					  <div class="no_solid"></div>

					</div>
					<div class="list_step">

                     @if( $re->is_delay === 1 && $re->is_delayok === 3)
					  <a class="stage" href="javascript:;">9<span class="stage_before">局长审批</span></a>
                       @else
                       <a class="no_stage" href="javascript:;">9<span class="no_stage_before">局长审批</span></a>
                       @endif
					  
					</div>

				
				</div>


                <br>

                <div class="list_top cl">
                    <div class="list_step">

                      @if( $re->is_review === 1)
                      <a class="stage" href="javascript:;">10<span class="stage_before">申请复查</span></a>
                      @else
                      <a class="no_stage" href="javascript:;">10<span class="no_stage_before">申请复查</span></a>
                      @endif
                      <div class="no_solid"></div>

                    </div>
                    <div class="list_step">

                      @if($re->is_review === 1 && $re->is_reviewok === 1 ) 
                      <a class="stage" href="javascript:;">11<span class="stage_before">法制审核</span></a>
                       @else
                      <a class="no_stage" href="javascript:;">11<span class="no_stage_before">法制审核</span></a>
                       @endif
                      <div class="no_solid"></div>
                    </div>

                    <div class="list_step">
                    
                    
                     @if($re->is_review === 1 && $re->is_reviewok === 1 && $re->case_hege === 1 )
                      <a class="stage" href="javascript:;">12<span class="stage_before">复查合格</span></a>
                      @else
                       <a class="no_stage" href="javascript:;">12<span class="no_stage_before">复查合格</span></a>
                       @endif
                    

                      <div class="no_solid"></div>
                    </div>
                    <div class="list_step">
                    
                    
                       @if($re->is_review === 1 && $re->is_reviewok === 1 && $re->case_hege === 2 )
                       <a class="stage" href="javascript:;">13<span class="stage_before" style="width: 100px;left: -35px;">复查不合格</span></a>
                         @else
                        <a class="no_stage" href="javascript:;">13<span class="no_stage_before" style="width: 100px;left: -35px;">复查不合格</span></a>
                       @endif

                      <div class="no_solid"></div>
                    </div>
                    <div class="list_step">
                        

                        @if($re->is_review === 1 && $re->is_reviewok === 1 && $re->case_hegeok === 1)
                        <a class="stage" href="javascript:;">14<span class="stage_before">领导审批</span></a>
                        @else
                        <a class="no_stage" href="javascript:;">14<span class="no_stage_before">领导审批</span></a>
                        @endif

                      
                      <div class="no_solid"></div>
                    </div>
                    <div class="list_step">
                    
                      
                      @if($re->is_punish === 1 )
                      <a class="stage" href="javascript:;">15<span class="stage_before"  style="width: 100px;left: -35px;">上传处罚文件</span></a>
                      @else
                      <a class="no_stage" href="javascript:;">15<span class="no_stage_before"  style="width: 100px;left: -35px;">上传处罚文件</span></a>
                   
                      @endif
                        
        
                      <div class="no_solid"></div>
                    </div>


                    <div class="list_step">
                    
                      @if ($re->is_closed === 1)
                      <a class="stage" href="javascript:;">16<span class="stage_before">案件结束</span></a>
                      @else
                      <a class="no_stage" href="javascript:;">16<span class="no_stage_before">案件结束</span></a>
                      @endif
                      
                    </div>
                   

                
                </div>


		    </div>
            
              <div class="btn-toolbar list-toolbar btn-toolbar2">
                <a href="javascript:history.back(-1);" class="btn btn-back">返回</a>
            </div>


        </div>
@stop

